<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>邀请用户</title>
    <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
    <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>

<body>
    <div style="padding:20px; margin:0 auto;">
        <form class="layui-form" action="" id="showForm" autocomplete="off">
            <div class="layui-form-item layui-col-xs12">
                <span class="hr-title">邀请信息</span>
                <hr>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">邮箱<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="email" name="email" win-verify="required|email" placeholder="请输入邮箱"
                        class="layui-input" maxlength="50" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">联系方式<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="phone" name="phone" win-verify="required|phone" placeholder="请输入联系方式"
                        class="layui-input" maxlength="11" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <span class="hr-title">职位信息</span>
                <hr>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <label class="layui-form-label">职位信息<i class="red">*</i></label>
                <div class="layui-input-block">
                    <div class="layui-form-item layui-col-xs3">
                        <ul id="companyTree" class="dtree" data-id="0" style="overflow-y: auto;height: 250px;"></ul>
                    </div>
                    <div class="layui-form-item layui-col-xs3">
                        <ul id="departmentTree" class="dtree" data-id="0" style="overflow-y: auto;height: 250px;"></ul>
                    </div>
                    <div class="layui-form-item layui-col-xs3">
                        <ul id="jobTree" class="dtree" data-id="0" style="overflow-y: auto;height: 250px;"></ul>
                    </div>
                    <div class="layui-form-item layui-col-xs3">
                        <ul id="jobScoreTree" class="dtree" data-id="0" style="overflow-y: auto;height: 250px;"></ul>
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">在职状态<i class="red">*</i></label>
                <div class="layui-input-block">
                    <select id="state" name="state" lay-filter="stateFilter" win-verify="required">
                        <option value="">请选择</option>
                        <option value="1">在职(转正的员工)</option>
                        <option value="2">离职</option>
                        <option value="3">见习(用于实习生)</option>
                        <option value="4">试用期(用于未转正的员工)</option>
                        <option value="5">退休</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">参加工作时间<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="workTime" name="workTime" win-verify="required" placeholder="请选择参加工作时间"
                        class="layui-input" readonly />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">入职时间<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="entryTime" name="entryTime" win-verify="required" placeholder="请选择入职时间"
                        class="layui-input" readonly />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6" id="trialTimeBox" style="display: none;">
                <label class="layui-form-label">试用期到期时间<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="trialTime" name="trialTime" placeholder="请选择试用期到期时间" class="layui-input"
                        readonly />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12 agreePass">
                <span class="hr-title">工种类型</span>
                <hr>
            </div>
            <div class="layui-form-item layui-col-xs6 agreePass">
                <label class="layui-form-label">工种类型<i class="red">*</i></label>
                <div class="layui-input-block winui-radio" id="userStaffWorkstationType">
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6 agreePass hourlyPriceBox">
                <label class="layui-form-label">小时工时薪<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="hourlyPrice" name="hourlyPrice" win-verify="required|number"
                        placeholder="请输入小时工时薪" class="layui-input" maxlength="5" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <div class="layui-input-block">
                    <button class="winui-btn" id="cancle">
                        <language showName="com.skyeye.cancel"></language>
                    </button>
                    <button class="winui-btn" lay-submit lay-filter="formInvite">
                        <language showName="com.skyeye.save"></language>
                    </button>
                </div>
            </div>
        </form>
    </div>
    <script src="../../assets/lib/layui/layui.js"></script>
    <script src="../../assets/lib/layui/custom.js"></script>
    <script type="text/javascript">
        layui.config({ base: '../../js/tenant/' }).use('userInvite');
    </script>
</body>

</html>